<div class="demo-toolbar">

  <p>
    <md-toolbar>
      <md-icon class="demo-toolbar-icon">menu</md-icon>
      <span>Default Toolbar</span>

      <span class="demo-fill-remaining"></span>

      <md-icon>code</md-icon>
    </md-toolbar>
  </p>

  <p>
    <md-toolbar color="primary">
      <md-icon class="demo-toolbar-icon">menu</md-icon>
      <span>Primary Toolbar</span>

      <span class="demo-fill-remaining"></span>

      <md-icon>code</md-icon>
    </md-toolbar>
  </p>

  <p>
    <md-toolbar color="accent">
      <md-icon class="demo-toolbar-icon">menu</md-icon>
      <span>Accent Toolbar</span>

      <span class="demo-fill-remaining"></span>

      <md-icon>code</md-icon>
    </md-toolbar>
  </p>

  <p>
    <md-toolbar color="accent">
      <span>Custom Toolbar</span>
      <md-toolbar-row>
        <span>Second Line</span>
      </md-toolbar-row>
    </md-toolbar>
  </p>

  <p>
    <md-toolbar color="primary">
      <span>Custom Toolbar</span>

      <md-toolbar-row>
        <span>Second Line</span>

        <span class="demo-fill-remaining"></span>

        <md-icon class="demo-toolbar-icon">verified_user</md-icon>
      </md-toolbar-row>

      <md-toolbar-row>
        <span>Third Line</span>

        <span class="demo-fill-remaining"></span>

        <md-icon class="demo-toolbar-icon">favorite</md-icon>
        <md-icon class="demo-toolbar-icon">delete</md-icon>
      </md-toolbar-row>
    </md-toolbar>
  </p>

</div>